<template>
    <div id="zhang">
        <el-dialog
            title="查看章节"
            :visible.sync="DialogData.show"
            width="60%"
            >
                    <div class="table">
                       
                        <el-table
                            :data="FormData"
                            style="width: 100%;margin-bottom: 20px;"
                            row-key="id"
                            border
                            default-expand-all
                            :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
                            <el-table-column
                            prop="name"
                            label="课程名称"
                            >
                                
                            </el-table-column>
                            <el-table-column
                            prop="video"
                            label="视频连接"
                       
                           >
                            <template slot-scope="scope">
                                    <el-link type="primary" :href="scope.row.video" target="_blank">点击观看</el-link>
                                </template>
                            </el-table-column>
                            
                        </el-table>
                    </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="DialogData.show = false">取 消</el-button>
                <el-button type="primary" @click="DialogData.show = false">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        props: {
            DialogData: Object,
            FormData: Object,
        },
    }
</script>

<style lang="scss" scoped>

</style>